<style>
    .buttom{
    width: 100%;
    height: 116px;
    background-color: #333;
    border-bottom: #666 1px solid;
    line-height: 116px;
}
.buttom li{
    float: left;
    margin-left: 50px;
}
.buttom li div{
    width: 27px;
    height: 27px;
    float: left;
    margin-top: 43px;
}
.buttom span{
    font-size: 20px;
    color: #fff;
    margin-left: 22px;
    float: right;
}
.footer{
    width: 100%;
    height: 476px;
    background-color: #333;
}
.footer .div1{
    float: left;
    height: 130px;
    font-size: 12px;
    margin-top: 25px;
    margin-left: 35px;
    margin-right: 45px;
    margin-bottom: 20px;
}
.footer .div1 li{
    margin-bottom: 25px;
}
.footer .div1 a{
    color: #666;
}
.footer .div2{
    width: 95%;
    height: 207px;
    display: flex;
    position: relative;
    margin: 0 auto;
}
.footer .div2 img {
    position: absolute;
    width: 124px;
    bottom: 0;
}
.footer .div2 img:nth-child(1){
    left: 12px;
}
.footer .div2 img:nth-child(2){
    left: 150px;
}
.footer .div2 img:nth-child(3){
    left: 288px;
}
.footer .div2 .pic{
    width: 120px;
    height: 152px;
    position: absolute;
    bottom: 0;
}
.footer .div2 .pic img{
    width: 120px;
    height: 120px;
    left: 0;
    top: 0px;
}
.footer .div2 .pic span{
    position: absolute;
    bottom: 0;
    font-size: 12px;
    color: #fff;
    display: block;
    width: 100%;
    text-align:center;
}
.footer .div2 div:nth-child(4){
    left: 600px;
}
.footer .div2 div:nth-child(5){
    left: 750px;
}
.footer ul{
    height: 14px;
    font-size: 12px;
    color: #666;
    margin-top: 20px;
    margin-left: 20px;
}
.footer ul li{
    float: left;
}
.footer ul li a{
    color: #fff;
    margin: 0 10px;
}
.footer .div3{
    margin-top: 20px;
    margin-left: 20px;
    font-size: 12px;
    color: #fff;
    margin-left: 30px;
}
</style>
<div class="buttom">
    <div style="width: 980px;height: 100%;margin: 0 auto;">
        <li><div style="background: url(../images/css_sprites.png) -10px -10px;"></div><span>正品保证</span></li>
        <li><div style="background: url(../images/css_sprites.png) -57px -57px;"></div><span>10天退换货</span></li>
        <li><div style="background: url(../images/css_sprites.png) -10px -57px;"></div><span>0天调补差价额</span></li>
        <li><div style="background: url(../images/css_sprites.png) -57px -10px;"></div><span>09:00—21:00在线客服</span></li>
    </div>
</div>
<div class="footer">
    <div style="width: 980px;height: 100%;margin: 0 auto;">
    <div class="div1">
        <li><a href="" style="color:#fff;">新手帮助</a></li>
        <li><a href="">交易条款协议</a></li>
        <li><a href="">注册新用户</a></li>
        <li><a href="">会员积分详情</a></li>
    </div>
    <div class="div1">
        <li><a href="" style="color:#fff;">购物指南</a></li>
        <li><a href="">订购流程</a></li>
        <li><a href="">验货与签收</a></li>
        <li><a href="">订单配送</a></li>
    </div>
    <div class="div1">
        <li><a href="" style="color:#fff;">支付/配送</a></li>
        <li><a href="">支付方式</a></li>
        <li><a href="">配送方式</a></li>
        <li><a href="">配送时间及运费</a></li>
    </div>
    <div class="div1">
        <li><a href="" style="color:#fff;">售后服务</a></li>
        <li><a href="">退换货政策</a></li>
        <li><a href="">退款说明</a></li>
        <li><a href="">发票制度</a></li>
    </div>
    <div class="div1">
        <li><a href="" style="color:#fff;">会员服务</a></li>
        <li><a href="">找回密码</a></li>
        <li><a href="">联系我们</a></li>
        <li><a href=""></a></li>
    </div>
    <div class="div1">
        <li><a href="" style="color:#fff;">优购客服</a></li>
        <li><a href="">Email: ygservice@belle.com.cn</a></li>
        <li><a href="">微信客服：点击查看</a></li>
        <li><a href=""></a></li>
    </div>
    <div class="div2">
        <img src="../images/newGovIcon.gif">
        <img src="../images/beian1.png" >
        <img src="../images/beian2.png">
        <div class="pic"><img src="../images/app.jpg"><span>扫描下载手机客户端</span></div>
        <div class="pic"><img src="../images/weChat.jpg"><span>关注公众号</span></div>
    </div>
    <ul>
        <li>
            <a href="" class="title-first">关于优购</a>|
        </li>
        <li>
            <a href="" class="title">集团采购</a>|
        </li>
        <li>
            <a href="" class="title">招贤纳士</a>|
        </li>
        <li>
            <a href="" class="title">手机优购</a>|
        </li>
        <li>
            <a href="" class="title">联系我们</a>|
        </li>
        <li>
            <a href="" class="title">友情链接</a>
        </li>
    </ul>
    <div class="div3">Copyright © 2011-2016 Yougou Technology Co., Ltd. 粤ICP备09070608号 深公网安备：4403101910665 粤公网安备 44030502000017号</div>
</div>
</div>